<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/index.css"/>
    <link rel="stylesheet" href="./css/mask.css"/>
    <script>
        document.getElementsByTagName('html')[0].style.fontSize=document.documentElement.clientWidth/20+'px';
    </script>
    <title>帮助中心</title>
    <script src="../baidu.js"></script>
</head>
<body>
    <div class="all-question">
        <!-- <div class="hot-header">问题分类</div> -->
        <div>
            <div class="all-top">
                <a href="./certification.html">
                    <div class="icon"><img src="./css/images/info.png"></div>
                    <div>认证问题</div>
                </a>
                <a href="./card.html">
                    <div class="icon"><img src="./css/images/card.png"></div>
                    <div>借款还款</div>
                </a>
                <!-- <a href="./assessment.html">
                    <div class="icon"><img src="./css/images/assessment.png"></div>
                    <div>商品购买</div>
                </a> -->
                <a href="./reimbursement.html">
                    <div class="ic"><img src="./css/images/refund.png"></div>
                    <div>抵息券问题</div>
                </a>
            </div>
            <div class="all-top">
                <!-- <a href="./borrowing.html">
                    <div class="icon"><img src="./css/images/borrowing.png"></div>
                    <div>商品售后</div>
                </a> -->
                <!-- <a href="./reimbursement.html">
                    <div class="ic"><img src="./css/images/refund.png"></div>
                    <div>抵息券问题</div>
                </a> -->
                <a href="./error.html">
                    <div class="icon"><img src="./css/images/else.png"></div>
                    <div>其他问题</div>
                </a>
            </div>
        </div>
    </div>
    <div class="hot">
        <div class="hot-header" style="padding: 0">热门问题</div>
        <div class="hot-queation">
            <div class="hot-tabel" id="bg1">
                <div>身份扫描无反应？</div>
                <div><img class="img-icon" src='./css/images/right.png' id="queImg1"></div>
            </div>
            <div class="hot-content" id='queCon1' style="display:none">请您先退出APP的进程（关闭闪电飞猪的后台程序），重新进入APP扫描，如果还是无反应，请截图联系客服，提供您的注册手机号码和手机型号，我们为您处理。</div>
        </div>
        <div class="hot-queation">
            <div class="hot-tabel" id="bg2">
                <div>支付宝还款帐号经常变更？</div>
                <div><img class="img-icon" src='./css/images/right.png' id="queImg2"></div>
            </div>
            <div class="hot-content" id='queCon2' style="display:none">因为财务结算原因，我方需要多个支付宝帐号，只要是APP官方公布的支付宝帐号都是安全的。请您放心。</div>
        </div>
        <div class="hot-queation">
            <div class="hot-tabel" id="bg3">
                <div>订单购买未成功怎么办？</div>
                <div><img class="img-icon" src='./css/images/right.png' id="queImg3"></div>
            </div>
            <div class="hot-content" id='queCon3' style="display:none">订单购买失败，可能是您的账户余额不足，导致订单支付失败；也可能是闪电飞猪缺货导致订单购买失败。</div>
        </div>
        <div class="hot-queation">
            <div class="hot-tabel" id="bg4">
                <div>收到商品发错货怎么办？</div>
                <div><img class="img-icon" src='./css/images/right.png' id="queImg4"></div>
            </div>
            <div id='queCon4' style="display:none" class="hot-content">若您确认收到的商品不是您订单中订购的商品，请保证商品包装完整，不要撕毁商品任何名牌，确保在不影响二次销售的情况下，致电闪电飞猪客服申请换货。</div>
        </div>
        <div class="hot-queation">
            <div class="hot-tabel" id="bg5">
                <div>抵息券可以购买多张吗？</div>
                <div><img class="img-icon" src='./css/images/right.png' id="queImg5"></div>
            </div>
            <div id='queCon5' style="display:none" class="hot-content">不可以。抵息券仅新用户有一次购买并使用的机会，不可多次购买使用。</div>
        </div>
    </div>
    <!-- <a class="tell" href="tel:13221731767">
        <div>
            <img src="./css/images/kefu(1)@3x.png" style="width: 2rem; margin-right: 1rem">
        </div>
        <div>
            <div>客服电话</div>
            <div>132-2173-1767</div>
        </div>
    </a> -->
</body>
<script>
    var queImg1 = document.getElementById('queImg1');
    var queImg2 = document.getElementById('queImg2');
    var queImg3 = document.getElementById('queImg3');
    var queImg4 = document.getElementById('queImg4');
    var queImg5 = document.getElementById('queImg5');

    var queCon1 = document.getElementById('queCon1');
    var queCon2 = document.getElementById('queCon2');
    var queCon3 = document.getElementById('queCon3');
    var queCon4 = document.getElementById('queCon4');
    var queCon5 = document.getElementById('queCon5');
    
    var bg1 = document.getElementById('bg1');
    var bg2 = document.getElementById('bg2');
    var bg3 = document.getElementById('bg3');
    var bg4 = document.getElementById('bg4');
    var bg5 = document.getElementById('bg5');

    var openClose = function(img,con){
        if(con.style.display == "block"){
			con.style.display = "none";
			img.src = "./css/images/right.png";
		}else{
			con.style.display = "block";
			img.src = "./css/images/down.png";
		} 
    }
    bg1.onclick=function(){
        openClose(queImg1,queCon1);
    }
    bg2.onclick=function(){
        openClose(queImg2,queCon2);
    }
    bg3.onclick=function(){
        openClose(queImg3,queCon3);
    }
    bg4.onclick=function(){
        openClose(queImg4,queCon4);
    }
    bg5.onclick=function(){
        openClose(queImg5,queCon5);
    }

</script>
</html>